<template>
    <el-container>
        <el-aside width="200px">
            <el-card class="box-card">
                <div class="text item">
                    <span>超限车车牌号：{{ limitInfo.overloadPlateNo }}</span>
                    <br/>
                    <span>转运车车牌号：{{ limitInfo.transferPlateNo }}</span>
                </div>
            </el-card>
        </el-aside>
        <el-main>
            <el-card class="box-card">
                <div slot="header" class="clearfix">
                    <span>超限信息</span>
                </div>
                <div class="text item">
                    <el-row>
                        <!--                        <el-col :span="8">-->
                        <!--                            <el-row>-->
                        <!--                                <el-col :span="10"><span style="float: right;">案号：</span></el-col>-->
                        <!--                                <el-col :span="14"><span>{{ information.case_no }}</span></el-col>-->
                        <!--                            </el-row>-->
                        <!--                        </el-col>-->
                        <!--                        <el-col :span="8">-->
                        <!--                            <el-row>-->
                        <!--                                <el-col :span="10"><span style="float: right;">案发地点：</span></el-col>-->
                        <!--                                <el-col :span="14"><span>{{ limitInfo.name }}</span></el-col>-->
                        <!--                            </el-row>-->
                        <!--                        </el-col>-->
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">案发时间：</span></el-col>
                                <el-col :span="14"><span>{{ limitInfo.pass_time ? moment(limitInfo.pass_time).format('YYYY-MM-DD HH:mm:ss') : moment(form.pass_time).format('YYYY-MM-DD HH:mm:ss') }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <!--                    </el-row>-->
                        <!--                    <el-row>-->
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">车辆重量(吨)：</span></el-col>
                                <el-col :span="14"><span>{{ limitInfo.entranceWeight }}</span></el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">限制重量(吨)：</span></el-col>
                                <el-col :span="14"><span>{{ limitInfo.limitWeight}}</span></el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">超重(吨)：</span></el-col>
                                <el-col :span="14"><span>{{ limitInfo.overWeight }}</span></el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                    <el-row>
                        <!--                        <el-col :span="8">-->
                        <!--                            <el-row>-->
                        <!--                                <el-col :span="10"><span style="float: right;">超限率：</span></el-col>-->
                        <!--                                <el-col :span="14"><span>{{ limitInfo.over_rate }}%</span></el-col>-->
                        <!--                            </el-row>-->
                        <!--                        </el-col>-->
<!--                        <el-col :span="8">-->
<!--                            <el-row>-->
<!--                                <el-col :span="10"><span style="float: right;">运输货物：</span></el-col>-->
<!--                                <el-col :span="14">-->
<!--                                    <el-input v-if="!show" v-model="form.transport_goods" class="case-input"-->
<!--                                              :disabled="show"-->
<!--                                              placeholder="请输入货物"/>-->
<!--                                    <span v-if="show">{{ form.transport_goods }}</span>-->
<!--                                </el-col>-->
<!--                            </el-row>-->
<!--                        </el-col>-->
<!--                        <el-col :span="8">-->
<!--                            <el-row>-->
<!--                                <el-col :span="10"><span style="float: right;">货物属性：</span></el-col>-->
<!--                                <el-col :span="14">-->
<!--                                    <el-select v-if="!show" v-model="form.goods_type" placeholder="请选择"-->
<!--                                               :disabled="show">-->
<!--                                        <el-option-->
<!--                                            v-for="item in goodTypeOptions"-->
<!--                                            :key="item.value"-->
<!--                                            :label="item.label"-->
<!--                                            :value="item.value"/>-->
<!--                                    </el-select>-->
<!--                                    <span v-if="show">{{ form.goods_type }}</span>-->
<!--                                </el-col>-->
<!--                            </el-row>-->
<!--                        </el-col>-->
<!--                    </el-row>-->
<!--                    <el-row>-->
<!--                        <el-col :span="8">-->
<!--                            <el-row>-->
<!--                                <el-col :span="10"><span style="float: right;">出发地：</span></el-col>-->
<!--                                <el-col :span="14">-->
<!--                                    <el-input v-if="!show" v-model="form.departure_place" class="case-input"-->
<!--                                              :disabled="show"-->
<!--                                              placeholder="请输入出发地"/>-->
<!--                                    <span v-if="show">{{ form.departure_place }}</span>-->
<!--                                </el-col>-->
<!--                            </el-row>-->
<!--                        </el-col>-->
<!--                        <el-col :span="8">-->
<!--                            <el-row>-->
<!--                                <el-col :span="10"><span style="float: right;">目的地：</span></el-col>-->
<!--                                <el-col :span="14">-->
<!--                                    <el-input v-if="!show" v-model="form.destination" class="case-input"-->
<!--                                              :disabled="show"-->
<!--                                              placeholder="请输入目的地"/>-->
<!--                                    <span v-if="show">{{ form.destination }}</span>-->
<!--                                </el-col>-->
<!--                            </el-row>-->
<!--                        </el-col>-->
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">违法处理状态：</span></el-col>
                                <el-col :span="14">
                                    <el-select v-if="!show" v-model="form.dealStatus" placeholder="请选择"
                                               :disabled="show">
                                        <el-option
                                            v-for="item in dealstatus"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value"/>
                                    </el-select>
                                    <span v-if="show">{{ form.dealStatus }}</span>
                                </el-col>
                            </el-row>
                        </el-col>

                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">违章类型：</span></el-col>
                                <el-col :span="14">
                                    <el-select v-if="!show" v-model="form.illegalType" placeholder="请选择"
                                               :disabled="show">
                                        <el-option
                                            v-for="item in illegalTypes"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value"/>
                                    </el-select>
                                    <span v-if="show">{{ form.illegalType }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">违章情况：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.illegalCondition" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入违章情况"/>
                                    <span v-if="show">{{ form.illegalCondition }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">运输货物名称：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.goodsName" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入运输货物名称"/>
                                    <span v-if="show">{{ form.goodsName }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">罚款金额：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.fine" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入罚款金额"/>
                                    <span v-if="show">{{ form.fine }}</span>
                                </el-col>
                            </el-row>
                        </el-col>

                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">是否是大件：</span></el-col>
                                <el-col :span="14">
                                    <el-select v-if="!show" v-model="form.goodWeightOptions" placeholder="请选择"
                                               :disabled="show">
                                        <el-option
                                            v-for="item in goodWeightOptions"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value"/>
                                    </el-select>
                                    <span v-if="show">{{ form.goodWeightOptions }}</span>
                                </el-col>
                            </el-row>
                        </el-col>

                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">是否可拆解：</span></el-col>
                                <el-col :span="14">
                                    <el-select v-if="!show" v-model="form.goodTypeOptions" placeholder="请选择"
                                               :disabled="show">
                                        <el-option
                                            v-for="item in goodTypeOptions"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value"/>
                                    </el-select>
                                    <span v-if="show">{{ form.goodTypeOptions }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                </div>
            </el-card>
            <!--            <el-card class="box-card">-->
            <!--                <div slot="header" class="clearfix">-->
            <!--                    <span>执法信息</span>-->
            <!--                </div>-->
            <!--                <div class="text item">-->
            <!--                    <el-row>-->
            <!--                        <el-col :span="8">-->
            <!--                            <el-row>-->
            <!--                                <el-col :span="10"><span style="float: right;">案件执法人：</span></el-col>-->
            <!--                                <el-col :span="14">-->
            <!--                                    <el-select v-if="!show" v-model="form.case_enforcer" placeholder="请选择" :disabled="show" @change="changeCaseEnforcer">-->
            <!--                                        <el-option-->
            <!--                                            v-for="item in caseEnforcerOption"-->
            <!--                                            :key="item.value"-->
            <!--                                            :label="item.label"-->
            <!--                                            :value="item.value" />-->
            <!--                                    </el-select>-->
            <!--                                    <span v-if="show">{{ form.case_enforcer }}</span>-->
            <!--                                </el-col>-->
            <!--                            </el-row>-->
            <!--                        </el-col>-->
            <!--                        <el-col :span="8">-->
            <!--                            <el-row>-->
            <!--                                <el-col :span="10"><span style="float: right;">执法证号：</span></el-col>-->
            <!--                                <el-col :span="14">-->
            <!--                                    <el-select v-if="!show" v-model="form.case_enforcer_no" placeholder="请选择" :disabled="show" @change="changeCaseEnforcerNo">-->
            <!--                                        <el-option-->
            <!--                                            v-for="item in caseEnforcerNoOption"-->
            <!--                                            :key="item.value"-->
            <!--                                            :label="item.label"-->
            <!--                                            :value="item.value" />-->
            <!--                                    </el-select>-->
            <!--                                    <span v-if="show">{{ form.case_enforcer_no }}</span>-->
            <!--                                </el-col>-->
            <!--                            </el-row>-->
            <!--                        </el-col>-->
            <!--                        <el-col :span="8">-->
            <!--                            <el-row>-->
            <!--                                <el-col :span="10"><span style="float: right;">询问地点：</span></el-col>-->
            <!--                                <el-col :span="14">-->
            <!--                                    <el-input v-if="!show" v-model="form.ask_place" class="case-input" :disabled="show"-->
            <!--                                              placeholder="请输入询问地点" />-->
            <!--                                    <span v-if="show">{{ form.ask_place }}</span>-->
            <!--                                </el-col>-->
            <!--                            </el-row>-->
            <!--                        </el-col>-->
            <!--                    </el-row>-->
            <!--                    <el-row>-->
            <!--                        <el-col :span="8">-->
            <!--                            <el-row>-->
            <!--                                <el-col :span="10"><span style="float: right;">案件执法人：</span></el-col>-->
            <!--                                <el-col :span="14">-->
            <!--                                    <el-select v-if="!show" v-model="form.enforcer" placeholder="请选择" :disabled="show" @change="changeEnforcer">-->
            <!--                                        <el-option-->
            <!--                                            v-for="item in caseEnforcerOption"-->
            <!--                                            :key="item.value"-->
            <!--                                            :label="item.label"-->
            <!--                                            :value="item.value" />-->
            <!--                                    </el-select>-->
            <!--                                    <span v-if="show">{{ form.enforcer }}</span>-->
            <!--                                </el-col>-->
            <!--                            </el-row>-->
            <!--                        </el-col>-->
            <!--                        <el-col :span="8">-->
            <!--                            <el-row>-->
            <!--                                <el-col :span="10"><span style="float: right;">执法证号：</span></el-col>-->
            <!--                                <el-col :span="14">-->
            <!--                                    <el-select v-if="!show" v-model="form.enforcer_no" placeholder="请选择" :disabled="show" @change="changeEnforcerNo">-->
            <!--                                        <el-option-->
            <!--                                            v-for="item in caseEnforcerNoOption"-->
            <!--                                            :key="item.value"-->
            <!--                                            :label="item.label"-->
            <!--                                            :value="item.value" />-->
            <!--                                    </el-select>-->
            <!--                                    <span v-if="show">{{ form.enforcer_no }}</span>-->
            <!--                                </el-col>-->
            <!--                            </el-row>-->
            <!--                        </el-col>-->
            <!--                    </el-row>-->
            <!--                </div>-->
            <!--            </el-card>-->
            <el-card class="box-card">
                <div slot="header" class="clearfix">
                    <span>超限车驾驶员个人信息</span>
                </div>
                <div class="text item">
                    <el-row>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">姓名：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadDriverName" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入姓名"/>
                                    <span v-if="show">{{ form.overloadDriverName }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">性别：</span></el-col>
                                <el-col :span="14">
                                    <el-select v-if="!show" v-model="form.overloadDriverSex" placeholder="请选择"
                                               :disabled="show">
                                        <el-option
                                            v-for="item in genderOptions"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value"/>
                                    </el-select>
                                    <span v-if="show">{{ form.overloadDriverSex }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">年龄：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadDriverAge" :controls="false"
                                                     :min="null" :max="100" class="case-input" :disabled="show"
                                                     placeholder="请输入年龄"/>
                                    <span v-if="show">{{ form.overloadDriverAge }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
<!--                    </el-row>-->
<!--                    <el-row>-->
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">联系方式：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadContactWay" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入手机号码"/>
                                    <span v-if="show">{{ form.overloadContactWay }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">身份证号码：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadDriverIdcard" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入身份证号码"/>
                                    <span v-if="show">{{ form.overloadDriverIdcard }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">从业资格证号：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadQualifyCertNo" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入从业资格证号"/>
                                    <span v-if="show">{{ form.overloadQualifyCertNo }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
<!--                    </el-row>-->
<!--                    <el-row>-->
<!--                        <el-col :span="8">-->
<!--                            <el-row>-->
<!--                                <el-col :span="10"><span style="float: right;">所属运输企业：</span></el-col>-->
<!--                                <el-col :span="14">-->
<!--                                    <el-select v-if="!show" v-model="form.overloadEnterpriseName" placeholder="请选择"-->
<!--                                               :disabled="show">-->
<!--                                        <el-option-->
<!--                                            v-for="item in appointmentOptions"-->
<!--                                            :key="item.value"-->
<!--                                            :label="item.label"-->
<!--                                            :value="item.value"/>-->
<!--                                    </el-select>-->
<!--                                    <span v-if="show">{{ form.overloadEnterpriseName }}</span>-->
<!--                                </el-col>-->
<!--                            </el-row>-->
<!--                        </el-col>-->
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">所属企业名称：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadEnterpriseName" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入企业名称"/>
                                    <span v-if="show">{{ form.overloadEnterpriseName }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">联系地址：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadContactAddress" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入联系地址"/>
                                    <span v-if="show">{{ form.overloadContactAddress }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">道路运输证号：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadRoadTransportNo" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入道路运输证号"/>
                                    <span v-if="show">{{ form.overloadRoadTransportNo }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
<!--                    </el-row>-->
<!--                    <el-row>-->
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">驾驶员公司职务：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadAppointment" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入驾驶员公司职务"/>
                                    <span v-if="show">{{ form.overloadAppointment }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">企业注册地址：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadRegisteredAddr" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入企业注册地址"/>
                                    <span v-if="show">{{ form.overloadRegisteredAddr }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">企业邮编：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadPostCode" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入企业邮编"/>
                                    <span v-if="show">{{ form.overloadPostCode }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
<!--                    </el-row>-->
<!--                    <el-row>-->
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">企业法定代表人：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadLegalRepresentative" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入企业法定代表人"/>
                                    <span v-if="show">{{ form.overloadLegalRepresentative }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">超限车车长：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadVehicleLength" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入车长"/>
                                    <span v-if="show">{{ form.overloadVehicleLength }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">超限车车宽：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadVehicleWidth" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入车宽"/>
                                    <span v-if="show">{{ form.overloadVehicleWidth }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">超限车车高：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.overloadVehicleHeight" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入车高"/>
                                    <span v-if="show">{{ form.overloadVehicleHeight }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                </div>
            </el-card>
            <el-card class="box-card">
                <div slot="header" class="clearfix">
                    <span>
                        <!-- <el-radio v-model="radio" label="1" @change="handleRadioChange" v-if="!show">处罚对象单位信息</el-radio> -->
                        <span>转运车驾驶员个人信息</span>
                    </span>
                </div>
                <div class="text item">
                    <el-row>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">姓名：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferDriverName" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入姓名"/>
                                    <span v-if="show">{{ form.transferDriverName }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">性别：</span></el-col>
                                <el-col :span="14">
                                    <el-select v-if="!show" v-model="form.transferDriverSex" placeholder="请选择" :disabled="show">
                                        <el-option
                                            v-for="item in genderOptions"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value"/>
                                    </el-select>
                                    <span v-if="show">{{ form.transferDriverSex }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">年龄：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferDriverAge" :controls="false"
                                                     :min="null" :max="100" class="case-input" :disabled="show"
                                                     placeholder="请输入年龄"/>
                                    <span v-if="show">{{ form.transferDriverAge }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
<!--                    </el-row>-->
<!--                    <el-row>-->
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">手机号码：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferContactWay" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入手机号码"/>
                                    <span v-if="show">{{ form.transferContactWay }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">身份证号码：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferDriverIdcard" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入身份证号码"/>
                                    <span v-if="show">{{ form.transferDriverIdcard }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">从业资格证号：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferQualifyCertNo" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入从业资格证号"/>
                                    <span v-if="show">{{ form.transferQualifyCertNo }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">所属企业名称：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferEnterpriseName" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入所属企业名称"/>
                                    <span v-if="show">{{ form.transferEnterpriseName }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
<!--                    </el-row>-->
<!--                    <el-row>-->
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">驾驶员公司职务：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferAppointment" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入驾驶员公司职务"/>
                                    <span v-if="show">{{ form.transferAppointment }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">企业注册地址：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferRegisteredAddr" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入企业注册地址"/>
                                    <span v-if="show">{{ form.transferRegisteredAddr }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">企业邮编：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferPostCode" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入企业邮编"/>
                                    <span v-if="show">{{ form.transferPostCode }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
<!--                    </el-row>-->
<!--                    <el-row>-->
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">企业法定代表人：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferLegalRepresentative" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入企业法定代表人"/>
                                    <span v-if="show">{{ form.transferLegalRepresentative }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">道路运输证号：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferRoadTransportNo" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入道路运输证号"/>
                                    <span v-if="show">{{ form.transferRoadTransportNo }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">转运车车长：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferVehicleLength" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入车长"/>
                                    <span v-if="show">{{ form.transferVehicleLength }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">转运车车宽：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferVehicleWidth" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入车宽"/>
                                    <span v-if="show">{{ form.transferVehicleWidth }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="8">
                            <el-row>
                                <el-col :span="10"><span style="float: right;">转运车车高：</span></el-col>
                                <el-col :span="14">
                                    <el-input v-if="!show" v-model="form.transferVehicleHeight" class="case-input"
                                              :disabled="show"
                                              placeholder="请输入车高"/>
                                    <span v-if="show">{{ form.transferVehicleHeight }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                </div>
            </el-card>
<!--            <el-card class="box-card">-->
<!--                <div slot="header" class="clearfix">-->
<!--                    <span>申辩内容</span>-->
<!--                </div>-->
<!--                <div class="text item" style="height: 80px;">-->
<!--                    <el-row style="height: 100%;">-->
<!--                        <el-input v-if="!show" v-model="form.defend_content" type="textarea" :rows="2"-->
<!--                                  style="height: 100%; border: none;" placeholder="请输入申辩内容"-->
<!--                                  :disabled="show"/>-->
<!--                        <span v-if="show">{{ form.defend_content }}</span>-->
<!--                    </el-row>-->
<!--                </div>-->
<!--            </el-card>-->
<!--            <el-row :gutter="8">-->
<!--                <el-col :span="12" :offset="9">-->
<!--                    <el-row>-->
<!--                        <el-col :span="12">-->
<!--                            &lt;!&ndash;                            <el-button v-if="isAdd" size="mini" type="primary" @click="insert">立案</el-button>&ndash;&gt;-->
<!--                            &lt;!&ndash;                            <el-button v-if="!show && !isAdd" size="mini" type="primary" @click="edit">确认违法</el-button>&ndash;&gt;-->
<!--                            <el-button size="mini" type="primary" @click="edit">修改</el-button>-->
<!--                            <el-button size="mini" type="primary" @click="maketrue">确认违法</el-button>-->
<!--                            <el-button size="mini" type="primary" @click="cancelEstablishingCase">-->
<!--                                取消-->
<!--                            </el-button>-->
<!--                        </el-col>-->
<!--                    </el-row>-->
<!--                </el-col>-->
<!--            </el-row>-->
        </el-main>
    </el-container>
</template>

<script>
    // import {UpdateBasicInformation, InsertBasicInformation} from '@/api/overrunPenaltyApi';
    import {UpdateArchive, UpdateDealStatus} from '@/api/parkUnloadApi';
    import moment from 'moment';

    export default {
        name: 'CasehistoryInfomation',
        model: {
            prop: 'value',
            event: 'change'
        },
        props: {
            information: Object,
            limitInfo: Object,
            isAdd: {
                type: Boolean,
                default: false
            },
            show: {
                type: Boolean,
                default: false
            }
        },
        data() {
            return {
                // 处罚对象单位信息和处罚对象个人信息单选
                radio: '',
                unitInfoUnable: false,
                personInfoUnable: false,

                dealstatus: [{
                    value: 0,
                    label: '未处理'
                }, {
                    value: 1,
                    label: '未违法'
                },{
                    value: 2,
                    label: '违法'
                }],
                goodTypeOptions:
                    [{
                        value: '可拆解体',
                        label: '可拆解体'
                    }, {
                        value: '不可拆解体',
                        label: '不可拆解体'
                    }],
                genderOptions:
                    [{
                        value: '男',
                        label: '男'
                    }, {
                        value: '女',
                        label: '女'
                    }],
                appointmentOptions:
                    [{
                        value: '驾驶员',
                        label: '驾驶员'
                    }, {
                        value: '个体驾驶员',
                        label: '个体驾驶员'
                    }],
                illegalTypes:
                    [{
                        value: 0,
                        label: '超载'
                    }, {
                        value: 1,
                        label: '违法改造'
                    },{
                        value: 2,
                        label: '超载和违法改造'
                    }],
                goodWeightOptions:
                    [{
                        value: '是大件货物',
                        label: '是大件货物'
                    }, {
                        value: '不是大件货物',
                        label: '不是大件货物'
                    }],
                form: {
                    transport_goods: '',
                    goods_type: '',
                    dealStatus: '',
                    departure_place: '',
                    destination: '',
                    enforcer: '',
                    enforcer_no: '',
                    ask_place: '',
                    case_enforcer: '',
                    case_enforcer_no: '',
                    fine: '',

                    overloadDriverName: '',
                    overloadDriverSex: '',
                    overloadDriverAge: '',
                    overloadDriverIdcard: '',
                    overloadQualifyCertNo: '',
                    overloadContactWay: '',
                    overloadContactAddress: '',
                    overloadEnterpriseName: '',
                    overloadRoadTransportNo: '',
                    transferDriverName: '',
                    transferDriverSex: '',
                    transferDriverAge: '',
                    transferDriverIdcard: '',
                    transferQualifyCertNo: '',
                    transferEnterpriseName: '',
                    transferRoadTransportNo: '',



                },
                // 案件执法人select
                caseEnforcerOption: [],
                // 执法证号select
                caseEnforcerNoOption: [],
                // 执法人信息
                tenforcerInfo: []
            };
        },
        computed: {},
        watch: {
            limitInfo(newValue, oldValue) {
                this.form = newValue;
                // this.radio = '';
                this.unitInfoUnable = false;
                this.personInfoUnable = false;
                this.initForm();
            }
        },
        mounted() {
            this.initForm();
            // this.initTenforcerInfo();
        },
        methods: {
            moment,
            initForm() {
                this.form = this.limitInfo;
                this.changestatus();
                console.log("chakan");
                console.log(this.limitInfo);
                // this.form = this.information;

            },

            changestatus(){
                if (this.form.dealStatus == 0){
                    this.form.dealStatus = "未处理";
                }else if (this.form.dealStatus == 1){
                    this.form.dealStatus = "未违法";
                }else if (this.form.dealStatus == 2){
                    this.form.dealStatus = "违法";
                }
                if (this.form.illegalType == 0){
                    this.form.illegalType = "超载";
                }else if (this.form.illegalType == 1){
                    this.form.illegalType = "违法改造"
                }else if (this.form.illegalType == 2)
                {
                    this.form.illegalType = "超载并违法改造"
                }
            },
            changeEnforcer(value) {
                for (let i = 0; i < this.tenforcerInfo.length; i++) {
                    let obj = this.tenforcerInfo[i];
                    if (obj.name == value) {
                        this.form.enforcer_no = obj.certificate_no;
                        break;
                    }
                }
            },
            // 切换案件执法人
            changeCaseEnforcer(value) {
                for (let i = 0; i < this.tenforcerInfo.length; i++) {
                    let obj = this.tenforcerInfo[i];
                    if (obj.name == value) {
                        this.form.case_enforcer_no = obj.certificate_no;
                        break;
                    }
                }
            },
            // 切换现场执法人执法证号
            changeEnforcerNo(value) {
                for (let i = 0; i < this.tenforcerInfo.length; i++) {
                    let obj = this.tenforcerInfo[i];
                    if (obj.certificate_no == value) {
                        this.form.enforcer = obj.name;
                        break;
                    }
                }
            },
            // 切换案件执法人执法证号
            changeCaseEnforcerNo(value) {
                for (let i = 0; i < this.tenforcerInfo.length; i++) {
                    let obj = this.tenforcerInfo[i];
                    if (obj.certificate_no == value) {
                        this.form.case_enforcer = obj.name;
                        break;
                    }
                }
            },
            // initTenforcerInfo() {
            //     SelectListTenforcerInfo().then(res => {
            //         if (res.status == '0') {
            //             let result = res.res.EnforcerList;
            //             this.tenforcerInfo = res.res.EnforcerList;
            //             for (let i = 0; i < result.length; i++) {
            //                 let op1 = {
            //                     value: result[i].name,
            //                     label: result[i].name
            //                 };
            //                 this.caseEnforcerOption.push(op1);
            //
            //                 let op2 = {
            //                     value: result[i].certificate_no,
            //                     label: result[i].certificate_no
            //                 };
            //                 this.caseEnforcerNoOption.push(op2);
            //             }
            //         }
            //     }).catch(err => {
            //         console.log(err);
            //     });
            // },
            // // isBlank(str) {
            //     return !this.isNotBlank(str);
            // },
            // isNotBlank(str) {
            //     if (str != null && str != undefined && str != '' & str != ' ') {
            //         return true;
            //     }
            //     return false;
            // },
            maketrue() {
                // debugger
                if (this.form.dealStatus == "未处理"){
                    this.form.dealStatus = Number(0);
                }else if (this.form.dealStatus === "未违法"){
                    this.form.dealStatus =Number(1);
                }else if (this.form.dealStatus == "违法"){
                    this.form.dealStatus = Number(2);
                }
                if (this.form.illegalType === "超载"){
                    this.form.illegalType = Number(0);
                }else if (this.form.illegalType === "违法改造"){
                    this.form.illegalType = Number(1);
                }else if (this.form.illegalType == "超载并违法改造")
                {
                    this.form.illegalType = Number(2);
                }
                var param = {
                    ...this.form
                };
                // param.archiveId = this.limitInfo.archiveId;
                // param.dealStatus = 2;
                UpdateDealStatus(param).then(res => {
                    if (res.status == '0' || res.res.UpdateDealStatus == 'Success' || res.res.UpdateDealStatus[0].Column1 == '确认成功') {
                        this.$message({
                            message: '确认成功',
                            type: 'success'
                        });
                        this.changestatus();
                    } else {
                        this.$message({
                            message: '确认失败',
                            type: 'error'
                        });
                    }
                }).catch(err => {
                    console.log(err);
                });
            },

            edit() {
                if (this.clickTooFast()) return;
                for (const key in this.form) {
                    if (Object.hasOwnProperty.call(this.form, key)) {
                        const element = this.form[key];
                        if (element == null) {
                            this.form[key] = '';
                        }
                    }
                }
                // debugger
                if (this.form.dealStatus == "未处理"){
                    this.form.dealStatus = Number(0);
                }else if (this.form.dealStatus === "未违法"){
                    this.form.dealStatus =Number(1);
                }else if (this.form.dealStatus == "违法"){
                    this.form.dealStatus = Number(2);
                }
                if (this.form.illegalType === "超载"){
                    this.form.illegalType = Number(0);
                }else if (this.form.illegalType === "违法改造"){
                    this.form.illegalType = Number(1);
                }else if (this.form.illegalType == "超载并违法改造")
                {
                    this.form.illegalType = Number(2);
                }

                var param = {
                    ...this.form
                };
                param.archiveId = this.limitInfo.archiveId;
                console.log("查看param");
                console.log(param);
                delete param.pass_time;
                delete param.plato_no;
                UpdateArchive(param).then(res => {
                    if (res.status == '0' || res.res.UpdateArchive == 'Success' || res.res.UpdateArchive[0].Column1 == '修改成功') {
                        this.$message({
                            message: '修改成功',
                            type: 'success'
                        });
                        this.changestatus();
                    } else {
                        this.$message({
                            message: '修改失败',
                            type: 'error'
                        });
                    }
                }).catch(err => {
                    console.log(err);
                });
            },
            // insert() {
            //     if (this.clickTooFast()) return;
            //     for (const key in this.form) {
            //         if (Object.hasOwnProperty.call(this.form, key)) {
            //             const element = this.form[key];
            //             if (element == null) {
            //                 this.form[key] = '';
            //             }
            //         }
            //     }
            //     console.log('lianle');
            //     var param = {
            //         ...this.form
            //     };
            //     delete param.pass_time;
            //     delete param.plato_no;
            //     InsertBasicInformation(param).then(res => {
            //         if (res.status == '0') {
            //             this.$message({
            //                 message: '立案成功',
            //                 type: 'success'
            //             });
            //             this.$emit('getParentList');
            //             this.cancelEstablishingCase();
            //         }
            //     }).catch(err => {
            //         if (err.status == '0') {
            //             this.$message({
            //                 message: '立案成功',
            //                 type: 'success'
            //             });
            //             this.$emit('getParentList');
            //             this.cancelEstablishingCase();
            //         } else {
            //             this.$message({
            //                 message: err.errmsg,
            //                 type: 'error'
            //             });
            //         }
            //         console.log(err);
            //     });
            // },
            cancelEstablishingCase() {
                this.$emit('cancelEstablishingCase', false);
                // this.initForm();
            }
        }
    };
</script>

<style scoped>
    span {
        line-height: 25px;
    }
    >>> .el-input__icon {
        line-height: 30px;
    }
    >>> * {
        font-size: 14px;
    }
    >>> .el-textarea__inner {
        height: 100%;
    }
    >>> .el-tabs--border-card {
        -webkit-box-shadow: none !important;
    }
    >>> .el-card.is-always-shadow,
    >>> .el-card.is-hover-shadow:focus,
    >>> .el-card.is-hover-shadow:hover {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    >>> .el-button--mini,
    >>> .el-button--mini.is-round {
        padding: 7px 5px;
    }
    .case-input {
        width: 193px;
    }
    >>> .el-input__inner {
        height: 25px !important;

        /* padding: 0; */
    }
    .el-row {
        height: 30px;
    }
    >>> .el-card__header {
        height: 40px;
        padding: 10px 10px;
    }
    >>> .el-card__body {
        padding: 5px;
    }
    .el-card {
        margin-bottom: 5px;
    }
    .el-main {
        padding: 0 5px;
    }
    .el-select {
        width: 193px;
    }
</style>
